<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
</head>
<body>
<p>用户名:</p>
<input type="text">
<br>
<p>密码:</p>
<input type="text">
<br>
<input type="button" value="登录">
<a href="/hello">进入登录界面</a>
<hr>
<!--三种不同的获取对象的属性方法-->
<div>
    <p th:text="${g1.getName()}"></p>
    <p th:text="${g1.getPrice()}"></p>
</div>
<div>
    <p th:text="${g1.name}"></p>
    <p th:text="${g1.price}"></p>
</div>
<div th:object="${g1}">
    <p th:text="*{name}"></p>
    <p th:text="*{price}"></p>
</div>
<hr>
<!--对比th:if-->
<p th:if="${g1.getPrice()>g2.getPrice()}">冰红茶比茉莉花茶更贵</p>
<p th:unless="${g1.getPrice()>g2.getPrice()}">茉莉花茶比冰红茶更贵</p>
<hr>
<!--th:case的学习-->
<div th:switch="${w}">
    <p th:case="不晓得">不晓得</p>
    <p th:case="不是吧">不是吧</p>
    <p th:case="不知道">不知道</p>
</div>
<hr>
<!--页面循环th:each的学习-->
<div>商品列表</div>
<table width="300px"><tr><td>商品编号</td><td>商品名称</td><td>商品价格</td></tr></table>
<div th:each="g:${goodlist}" style="display: flex;justify-content: space-around;width: 300px">
    <div th:text="${gStat.index}+1" ></div>
        <div th:text="${g.getName()}" ></div>
        <div th:text="${g.getPrice()}"></div>
</div>


</body>
</html>